/* base-color -start */
:root {
    /* base */
    --white: #fff;
    --black: #000;
    --theme: var(--white);
    /* 透明背景色 */
    --theme-transparency: rgba(100,108,115,0.5);
    /* 蓝色 */
    /* input、触发器、按钮在focus时的投影 */
    --box-shadow-blue: 0 0 0 2px rgba(0,145,255,0.2);
    /* 灰色 */
    /* 下拉选择器、按钮盒子相关投影 */
    /* 向上 */
    --box-shadow-top: 0 -2px 10px rgba(31,35,41,0.1);
    /* 向下 */
    --box-shadow-bottom: 0 2px 10px rgba(31,35,41,0.1);
    /* 向左 */
    --box-shadow-left: -2px 0 10px rgba(31,35,41,0.1);
    /* 向右 */
    --box-shadow-right: 2px 0 10px rgba(31,35,41,0.1);
    /* 箭头相关投影 */
    /* 向左 */
    --box-shadow-min-top: -2px 2px 4px rgba(31,35,41,0.1);
    /* 向下 */
    --box-shadow-min-bottom: 2px -2px 4px rgba(31,35,41,0.1);
    /* 向左 */
    --box-shadow-min-left: -2px -2px 4px rgba(31,35,41,0.1);
    /* 向左 */
    --box-shadow-min-right: 2px 2px 4px rgba(31,35,41,0.1);
    /* 向下 */
    --box-shadow-max-bottom: 0 8px 16px 0px rgba(0,65,115,0.15);
    /* 带三角形的盒子投影 */
    /* 向上 */
    --box-shadow-triangle-top: 0 -2px 4px rgba(31,35,41,0.1);
    /* 向下 */
    --box-shadow-triangle-bottom: 0 2px 4px rgba(31,35,41,0.1);
    /* 向左 */
    --box-shadow-triangle-left: -2px 0 4px rgba(31,35,41,0.1);
    /* 向右 */
    --box-shadow-triangle-right: 2px 0 4px rgba(31,35,41,0.1);
    /* 弹窗投影 */
    --modal-shadow-bottom: 0 20px 30px rgba(31,35,41,0.15);
    /* popover-tip-bg --grey-900 opacity 0.8 */
    --popover-tip-bg: rgba(31,36,41,0.8);
    /* blue */
    --blue-900: #1034B2;
    --blue-800: #1241BF;
    --blue-700: #1B4ACC;
    --blue-600: #215DD9;
    --blue-500: #246FE5;
    --blue-400: #2481F2;
    --blue-300: #64A6F7;
    --blue-200: #9FC9FB;
    --blue-100: #D9EBFF;
    --blue-50: #EBF6FF;
    /* cyan */
    --cyan-900: #00818C;
    --cyan-800: #008E96;
    --cyan-700: #00A2A7;
    --cyan-600: #09B3B5;
    --cyan-500: #14C4C4;
    --cyan-400: #33D4D2;
    --cyan-300: #72E1DE;
    --cyan-200: #A6EDE8;
    --cyan-100: #CBF7F3;
    --cyan-50: #E6FCF7;
    /* turquoise */
    --turquoise-900: #00818C;
    --turquoise-800: #008E96;
    --turquoise-700: #00A2A7;
    --turquoise-600: #09B3B5;
    --turquoise-500: #14C4C4;
    --turquoise-400: #33D4D2;
    --turquoise-300: #72E1DE;
    --turquoise-200: #A6EDE8;
    --turquoise-100: #CBF7F3;
    --turquoise-50: #E6FCF7;
    /* green */
    --green-900: #13753F;
    --green-800: #0F8843;
    --green-700: #0C9B4A;
    --green-600: #15AE55;
    --green-500: #3FBE72;
    --green-400: #69CD90;
    --green-300: #8EDBAB;
    --green-200: #B6E9C7;
    --green-100: #DAF7E1;
    --green-50: #EBFFEB;
    /* lime */
    --lime-900: #558000;
    --lime-800: #6A9107;
    --lime-700: #80A20E;
    --lime-600: #95B315;
    --lime-500: #AAC41C;
    --lime-400: #BDD436;
    --lime-300: #CCE062;
    --lime-200: #DBED8F;
    --lime-100: #E8F7BB;
    --lime-50: #F1FCE6;
    /* yellow */
    --yellow-900: #E0A800;
    --yellow-800: #E6B507;
    --yellow-700: #ECC00C;
    --yellow-600: #F2CB0C;
    --yellow-500: #F8D60C;
    --yellow-400: #FBDF23;
    --yellow-300: #FBE750;
    --yellow-200: #FCEF7E;
    --yellow-100: #FCF8B8;
    --yellow-50: #FDFFE5;
    /* orange */
    --orange-900: #CC5300;
    --orange-800: #D96C00;
    --orange-700: #E68600;
    --orange-600: #F29F00;
    --orange-500: #FFB800;
    --orange-400: #FFCC47;
    --orange-300: #FFD873;
    --orange-200: #FFE399;
    --orange-100: #FFF0CC;
    --orange-50: #FFFBE6;
    /* red */
    --red-900: #B80000;
    --red-800: #C71412;
    --red-700: #D72824;
    --red-600: #E63C35;
    --red-500: #F55047;
    --red-400: #F8766F;
    --red-300: #FA9B96;
    --red-200: #FDC1BE;
    --red-100: #FFE6E5;
    --red-50: #FFF5F5;
    /* carmine */
    --carmine-900: #4016B5;
    --carmine-800: #5124C4;
    --carmine-700: #683BD6;
    --carmine-600: #8252E3;
    --carmine-500: #9B6CED;
    --carmine-400: #B286F5;
    --carmine-300: #D3B2FF;
    --carmine-200: #E6D1FF;
    --carmine-100: #F1E5FE;
    --carmine-50: #FCF5FF;
    /* purple */
    --purple-900: #780094;
    --purple-800: #910AA7;
    --purple-700: #A928B7;
    --purple-600: #BE49C5;
    --purple-500: #D069D2;
    --purple-400: #DE8BDC;
    --purple-300: #E9A8E6;
    --purple-200: #F1C5EE;
    --purple-100: #F7E3F5;
    --purple-50: #FFF2FD;
    /* violet */
    --violet-900: #4016B5;
    --violet-800: #5124C4;
    --violet-700: #683BD6;
    --violet-600: #8252E3;
    --violet-500: #9B6CED;
    --violet-400: #B286F5;
    --violet-300: #D3B2FF;
    --violet-200: #E6D1FF;
    --violet-100: #F1E5FE;
    --violet-50: #FCF5FF;
    /* grey */
    --grey-900: #1B2129;
    --grey-800: #2E3742;
    --grey-700: #424C59;
    --grey-600: #626C78;
    --grey-500: #8B949E;
    --grey-400: #C4C9CF;
    --grey-300: #E1E5EB;
    --grey-200: #EDF1F5;
    --grey-100: #F1F4F6;
    --grey-50: #F7F9FA;
    /* hover-color */
    --hover-color-blue: var(--blue-100);
    --hover-color-grey: var(--grey-100);
}
/* base-color -end */
